0x19-使用Chrome 62 自带原生截图

Chrome 62 开始 自带原生截图。下面介绍了 区域截图、全页面截图、可视范围截图、页面元素按块截图 四种方法,应该够用了

整理了一下:

区域截图 :

Ctrl/Command + Shift + C 调出界面选择器
Ctrl/Command + 鼠标左键 选择希望的范围

截图将以文件的形式自动下载

全页面截图 :

Ctrl/Command + Shift + C 调出开发者工具
Ctrl/Command + Shift + P 调出命令菜单

输入 screenshot,在自动筛选出的结果里选择 Capture full size screenshot

可视范围截图 :

Ctrl/Command + Shift + C 调出开发者工具
Ctrl/Command + Shift + P 调出命令菜单

输入 screenshot,在自动筛选出的结果里选择 Capture screenshot

[For dev]页面元素按块截图 :

Ctrl/Command + Shift + C 调出界面选择器
鼠标左键 选择希望的范围,会以高亮标识
Ctrl/Command + Shift + P 调出命令菜单
输入 screenshot,在自动筛选出的结果里选择 Capture node screenshot

参见 What’s New In DevTools (Chrome 62)